body {
	width: 100%;
}

#myPlayer { /*   width:52%;
	height: 700px;  */
	width: 100%;
	height: 100%;
	/*  width:60%;
	height: 600px;   */
	margin: 0 auto;
}

#buttonLine {
	margin: 0 auto;
	text-align: center;
	margin-top: 20px;
}

#enlarge {
	margin: 0 auto;
	margin-left: 30px;
	background-image: url(../images/enlarge.png);
	background-size: cover;
	height: 30px;
	width: 30px;
	border: none;
}

#narrow {
	margin: 0 auto;
	margin-left: 30px;
	background-image: url(../images/narrow.png);
	background-size: cover;
	height: 30px;
	width: 30px;
	border: none;
}

#up {
	margin: 0 auto;
	margin-left: 30px;
	background-image: url(../images/up.png);
	background-size: cover;
	height: 30px;
	width: 30px;
	border: none;
}

#down {
	margin: 0 auto;
	margin-left: 30px;
	background-image: url(../images/down.png);
	background-size: cover;
	height: 30px;
	width: 30px;
	border: none;
}

#left {
	margin: 0 auto;
	margin-left: 30px;
	background-image: url(../images/left.png);
	background-size: cover;
	height: 30px;
	width: 30px;
	border: none;
}

#right {
	margin: 0 auto;
	margin-left: 30px;
	background-image: url(../images/right.png);
	background-size: cover;
	height: 30px;
	width: 30px;
	border: none;
}

#buttonLine1 {
	text-align: center;
	margin-top: 20px;
	background-color: red;
	height: 100px;
	width: 100%;
}

#text1 {
	margin-left: 80dp;
	background-color: blue;
	height: 25px;
	width: 100px;
	text-align: center
}

#text2 {
	margin-left: 80dp;
	background-color: blue;
	height: 25px;
	width: 100px;
	text-align: center
	
}

#text3 {
	margin-left: 80dp;
	background-color: blue;
	height: 25px;
	width: 100px;
	text-align: center
}

#text4 {
	margin-left: 80dp;
	background-color: blue;
	height: 25px;
	width: 100px;
	text-align: center
}

#text5 {
	margin-left: 80dp;
	background-color: blue;
	height: 25px;
	width: 100px;
	text-align: center
}